import React from 'react';
import { connect } from 'dva';

import styles from './league.less'
import leagueImg from '@/assets/image/dtimage/league.png'
import downIcon from '../../assets/image/xl.svg'

class League extends React.Component {
  render() {
    const { teamBuildingTimes, teamBuildingPersonActualConsumption } = this.props
    return (
      <div className={styles.bg}>
        <img className={styles.downIcon} src={downIcon} alt='' />
        <div className={styles.box}>
          <div className={styles.title}>2019.09.24 工作台团建报销上线</div>
          <div className={styles.textBox}>
            <div>你共参加过<span className={styles.textColor}>{teamBuildingTimes || ''}</span>次团建活动</div>
            <div>个人实际团建费用达<span className={styles.textColor}>{Number(teamBuildingPersonActualConsumption || '').toFixed(1)}</span>元</div>
            <div className={styles.border}></div>
            <div>工作之余可别忘了培养下感情噢～</div>
          </div>
          <img className={styles.img} src={leagueImg} alt=""></img>
        </div>
      </div>
    )
  }
}

export default connect(({ index }) => index.teamBuilding)(League)